<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="author" content="Grupo 1" />
	<link rel="stylesheet" href="<?php echo $this->baseUrl; ?>/css/main.css" type="text/css" />
         <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
         
     
         <script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/validaciones.js"></script>
         
         <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
  <!--<script src="http://code.jquery.com/jquery-1.8.3.js"></script>-->
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

    <script type="text/javascript" >
          function eliminarFila(fila){             
              var vectfila=fila.split(",");        
              total =(document.getElementById('total').innerHTML).replace('$','');         
              var fila = document.getElementById(vectfila[0]);               
              fila.parentNode.removeChild(fila);              
              pago=vectfila[1];             
              document.getElementById('total').innerHTML ='$'+parseFloat(parseFloat(total)- parseFloat(pago));         
          } 
          
    $(document).ready(function (){

//$('#fecha').datepicker();
//$('#fechaInicio').datepicker();

$('#fecha').datepicker({ dateFormat: "yy-mm-dd" }); 
 
 $('#fechaInicio').datepicker({ dateFormat: "yy-mm-dd" }); 
 
$('#fechaLimite').datepicker({ dateFormat: "yy-mm-dd" });

       $('#agregar').click(function(){
           $('#tabla').append('<tr>'+
               '<td>'+ $('#cedula').val()+'</td>'+
               '<td>' + $('#nombre').val()+'</td>'+
               '<td>' + $('#apellido').val()+'</td>'+
               '<td>'+
               '</tr>') ;
       });

                 
                 
                 //
                 //
                 //$("#pagos").validate({
                 //    
                 //    
                 //    
                 //    rules: {
                 //        
                 //        // Definimos los campos como obligatorio
                 //        
                 //        banco: "required",
                 //        nTarjetaCheque: "required",  
                 //        
                 //        referencia: "required",  
                 //        // El campo username y password ademas tiene tamaño minimo
                 ////        
                 ////        username: { required: true,
                 ////            minlength: 2
                 ////            
                 ////        },
                 ////        password: {
                 ////            
                 ////            required: true,
                 ////            minlength: 5
                 ////            
                 ////            
                 ////        },   
                 //        // Comprobamos que ambos password sean iguales
                 //        
                 ////        
                 ////        confirm_password: {
                 ////            required: true,
                 ////            
                 ////            minlength: 5,
                 ////            equalTo: "#password"  },
                 //        
                 //        
                 //        // Obligamos a que haya un email valido
                 //        
                 ////        email: {  required: true,
                 ////            email: true
                 ////        },
                 //        
                 //        agree: "required"
                 //        
                 //    }
                 //
                 //});
                 
                 //       
                 //        $("#btnAgregar").validate({
                 //               submitHandler: function(pagos) {
                 //                create_trade();
                 //          
                 //
                 //           }
                 //         });
                 
                 
                 //muestra el valor de la deuda en la caja de texto valor deuda    
                 var d = document.getElementById("idDeuda");
                 var _valor = d.options[d.selectedIndex].dataset["valordeuda"];
                 function getValorDeuda(){
                     d = document.getElementById("idDeuda");
                     _valor = d.options[d.selectedIndex].dataset["valordeuda"];
                     $("#valorDeuda3").text('Valor: $' +_valor);
                 }           
    
    getValorDeuda();
    
    $('#idDeuda').change(function(){
        getValorDeuda()
    });
   
        
    //mostrar ocultar div de banco                    
    $('#idTipoPago').change(function(){
        showHideDivBanco();
    });    
    
    showHideDivBanco();
    
    function showHideDivBanco(){
        $("#banco").val("");
        $("#nTarjetaCheque").val("");
        $('#referencia').val("");
        var d = document.getElementById("idTipoPago");
        var _valor = d.options[d.selectedIndex].dataset["esbancario"];
        if(_valor=='No')
        {
            $('.Banco').hide('slow');
        }else if(_valor=='Si')
        {
            $('.Banco').show('slow');        
        }else
        {
             $('.Banco').hide();  
        }
   }
        
   
            var acDeuda=0;   
    $('#btnAgregar').click(function(){
        //acumulador deuda
        var acDeuda= parseFloat( $('#valor ').val());          
        var cmbDeuda = $('#idDeuda option:selected').val();                   
        var cmbTipoPago = $('#idTipoPago option:selected').val();
        var esRepetida=false;
        
        $("#tablaPagos tbody tr").each(function (index) {   
            
            var idDeuda, idTipoPago, Valor;  
            
            $(this).children("td").each(function (index2) {    
                switch (index2) {   
                    case 0:  
                        idDeuda = $(this).text();  
                        break;   
                    case 1:   
                        idTipoPago = $(this).text();  
                        break;   
                    case 4:   
                        Valor = $(this).text();   
                        break;  
                }  
                //                                   $(this).css("background-color", "#ECF8E0");                                 
            })  
                         if(cmbTipoPago==idTipoPago && cmbDeuda==idDeuda)
                         {
                             esRepetida=true;
                             window.alert('Pago de deuda Repetido');
                         }else
                         {
                             acDeuda= parseFloat( acDeuda) + parseFloat( Valor); 
                         }
        });  
        
                     if(esRepetida==false)
                     {
                         if (acDeuda<=_valor) 
                         {                      
                            $('#tablaPagos').append("<tr id='"+$('#idDeuda').val()+'_'+$('#idTipoPago').val()+"'>"+
                             "<td style='display:none;'>"+ $('#idDeuda option:selected').val()+'</td>'+
                             "<td style='display:none;'>"+ $('#idTipoPago option:selected').val()+'</td>'+
                             '<td>'+ $('#idDeuda option:selected').text()+'</td>'+
                             '<td>'+ $('#idTipoPago option:selected').text()+'</td>'+
                             '<td>'+ $('#valor').val()+'</td>'+                
                             "<td>"+ $('#banco').val()+"</td>"+                
                             "<td>"+ $('#nTarjetaCheque').val()+"</td>"+                
                             "<td>"+ $('#referencia').val()+"</td>"+
                             
                             "<td><img id='image' src='<?php echo $this->baseUrl; ?>/images/delete.png' width='16' height='16' alt='Eliminar' onclick = eliminarFila('"+$('#idDeuda').val()+'_'+$('#idTipoPago').val()+','+$('#valor').val()+"'); ></td>"+
                             //                   $('"+'#'+$('#idDeuda').val()+'_'+$('#idTipoPago').val()+"').remove();
                         '</tr>');
                         $($('#tablaPagos').find('tfoot > tr')[0]).children('td')[2].innerHTML = '$' + acDeuda;
                          }
                          else
                          {
                             window.alert('El pago no puede ser mayor que la deuda');                              
                          }
                     }
                     
                     
                 });
        
        
//                $("#agregar").click(function (){
//                    if($('#cedula').val()==""){
//                        alert('campo cedula vacio');
//                        $('#cedula').focus();
//                        return;
//                    }
//            
//                    $("#tabla").append('<tr><td>'+$('#cedula').val()+'</td><td>DEF</td></tr>');
//                });
                
               var ajaxurl= "<?php echo $this->url(array('controller' => 'Pagos', 'action' => 'save-data-ajaxx')); ?>";
                 
            //LLAMADA AJAX(). llama a la url guardada en ajaxurl, y lo que devuelva lo coloca
            //en el elemento id= saludospan
//            var str = "{datos:[";
//            for (i = 0; i < 30; i++) {
//                    str+="{id:700"+i+",nombre:'ABC"+i+"'}";
//                    if(i<30){
//                        str+=",";
//                    }
//            }
//            str+="]}";
//            var json = eval("(" + str + ')');
//            console.info(json);
               function clickSalva(){
                               var i=0;
                 var str = "{cabecera:{fecha:'"+ $('#fecha').val()+"', total:'" + ($($('#tablaPagos').find('tfoot > tr')[0]).children('td')[2].innerHTML).replace('$','') + "'},";
                 $('#tablaPagos tbody tr').each(
                    function(indice){
                        if (i==0){
                        str+="Detalle:[{deuda:'"+$(this).find('td').eq(0).text()+
                            "',tipoPago:'"+$(this).find('td').eq(1).text()+
                            "', valor:'"+$(this).find('td').eq(4).text()+
                            "', banco:'"+$(this).find('td').eq(5).text()+
                            "', tarjetaCheque:'"+$(this).find('td').eq(6).text()+
                            "', referencia:'"+$(this).find('td').eq(7).text()+"'}";
                        }else
                        {
                        str+=",{deuda:'"+$(this).find('td').eq(0).text()+
                            "',tipoPago:'"+$(this).find('td').eq(1).text()+
                            "', valor:'"+$(this).find('td').eq(4).text()+
                            "', banco:'"+$(this).find('td').eq(5).text()+
                            "', tarjetaCheque:'"+$(this).find('td').eq(6).text()+
                            "', referencia:'"+$(this).find('td').eq(7).text()+"'}"; 
                        }
                        i=1;
                    }
 
                 );
                 str+="]}";
                 var json = eval("(" + str + ')');
                 console.info(json);
                     $.post(ajaxurl, json, function(mensajeServidor){
                         alert(mensajeServidor);
                     });
                 }
            $("#salvar_dato").click(clickSalva);
//            $("#salvar_datos").load(ajaxurl, function ()
//            {
//                //function() se llama despues de que se ha hecho la llamada a ajax
//                //y el servidor ha devuelto datos
//                alert("datos recibidos desde servidor");
//            });

                
        });
  
        //Recorrer la tabla con jquery  
        //    $('#tabla tr').each(
        //function(indice){
        //    console.info($(this).find('td').eq(0).text());
        //}
        //
        //);

        </script>
         
	<title>CartyCli</title>
</head>

    <body >

        <div id="wrap">
            <div id="logo">
                <h1><a href="<?php
                        echo $this->url(array('controller' => 'index', 'action' => 'index')); ?>">CartyCli</a></h1>
                <p>El conocimiento es Poder</p>
            </div>

<!--            <div id="explore">
                <a href="#" id="explore-link">Explorar</a>
            </div>-->

            <div id="menu">

                <?php

                function curPageURL() {
                    $pageURL = 'http';
                    if ($_SERVER["HTTPS"] == "on") {
                        $pageURL .= "s";
                    }
                    $pageURL .= "://";
                    if ($_SERVER["SERVER_PORT"] != "80") {
                        $pageURL .= $_SERVER["REQUEST_URI"];
                    } else {
                        $pageURL .= $_SERVER["REQUEST_URI"];
                    }
                    return $pageURL;
                }
                ?>

                <h1><?php $current_class = "current"; ?></h1>
                <ul>

                    <li><a class="<?php echo $_SERVER["REQUEST_URI"] == $this->url(array('controller' => 'index', 'action' => 'index')) ? $current_class : "" ?>" href="<?php
                        echo $this->url(array('controller' => 'index',
                            'action' => 'index'));
                ?>"><span>Inicio</span></a></li>
                    <li><a class="<?php echo $_SERVER["REQUEST_URI"] == $this->url(array('controller' => 'cliente', 'action' => 'index')) ? $current_class : "" ?>" href="<?php
                           echo $this->url(array('controller' => 'cliente',
                               'action' => 'index'));
                ?>"><span>Clientes</span></a></li>
                    <li><a class="<?php echo $_SERVER["REQUEST_URI"] == $this->url(array('controller' => 'deudas', 'action' => 'index')) ? $current_class : "" ?>" href="<?php
                           echo $this->url(array('controller' => 'deudas',
                               'action' => 'index'));
                ?>"><span>Deudas</span></a></li>
                    <li><a class="<?php echo $_SERVER["REQUEST_URI"] == $this->url(array('controller' => 'usuario', 'action' => 'index')) ? $current_class : "" ?>" href="<?php
                           echo $this->url(array('controller' => 'usuario',
                               'action' => 'index'));
                ?>"><span>Usuarios</span></a></li>                            
                    <li><a class="<?php echo $_SERVER["REQUEST_URI"] == $this->url(array('controller' => 'pagos', 'action' => 'index')) ? $current_class : "" ?>" href="<?php
                           echo $this->url(array('controller' => 'pagos',
                               'action' => 'index'));
                ?>"><span>Pagos</span></a></li>
                    <li><a class="<?php echo $_SERVER["REQUEST_URI"] == $this->url(array('controller' => 'tipo-pago', 'action' => 'index')) ? $current_class : "" ?>" href="<?php
                           echo $this->url(array('controller' => 'tipo-pago',
                               'action' => 'index'));
                ?>"><span>Tipo Pago</span></a></li>
                    <li><a class="<?php echo $_SERVER["REQUEST_URI"] == $this->url(array('controller' => 'tipousuario', 'action' => 'index')) ? $current_class : "" ?>" href="<?php
                           echo $this->url(array('controller' => 'tipousuario',
                               'action' => 'index'));
                ?>"><span>Tipo Usuario</span></a></li>
                    <li><a class="<?php echo $_SERVER["REQUEST_URI"] == $this->url(array('controller' => 'login', 'action' => 'salir')) ? $current_class : "" ?>" href="<?php
                           echo $this->url(array('controller' => 'login',
                               'action' => 'salir'));
                ?>"><span>Salir</span></a></li>
                </ul>

            </div>

            <div id="content-top"></div>
            <div id="content-middle">


                <div id="wrap" class="column">
                    <h1><?php echo $this->title; ?></h1>
                    
                    

                    <div id="wrap"  class="contenido">
                        <!--            muestro el contenido segun la vista-->
<?php echo $this->layout()->content; ?>
                    </div>
                </div>

                <div class="clear"></div>
            </div>

            <div id="content-bottom"></div>

            <div id="footer">
                <p id="links">
                    <a href="#"> Condiciones</a>
                    <a href="#">Privacidad</a>
                    <a href="#">Nosotros</a>
                </p>
                <p>Copyright &copy; <a href="http://www.facci.ec/la-facultad" title="FACCI">Facultad de Ciencias Informáticas</a> &middot;  <a href="http://www.uleam.edu.ec/" title="Universidad Laica Eloy Alfaro de Manabí">ULEAM</a></p>
            </div>


        </div>	
	
    </body>
</html>
